<link rel="stylesheet" type="text/css" href="css/aside.css"/>
<div class="asideNav">
	<ul>
		<li class="li1"><span></span>
			<p>联系客服</p>
		</li>
		
		<li class="li2"><span></span>
			<p>下载<br>APP</p>
		</li>
		<li class="li3"><span></span>
			<p>新人有礼</p>
		</li>
		<li class="li4"><span></span>
			<p>关注微信</p>
		</li>
		<li class="li5" id="scroll"><span></span>
			<p>回到顶部</p>
		</li>
	</ul>
	<div id="kefu">
			<p>小米有品平台问题。建议反馈。商户和物流问题投诉等请拨打小米有品.客服热线</p>
			<p><span>400-100-1199 </span><b> (周一-至周日8: 00-22: 00)</b></p>
			<p>小米米家自营品牌。手机电视智能 硬件商品或订单发货退款售后问题请拨打小米自营客服热线</p>
			<p><span>400-100-5678</span><b>(周一-至周日8: 00-18: 00)</b></p>
		</div>
		<div id="appDownload">
			<img src="imgs/erweima.png" style="width: 90px;height: 90px;" >
			<p>下载小米有品APP得新人好礼</p>
		</div>
		<div id="newpersen">
			<img src="imgs/gift.png" style="width: 172px;height: 135px;" ><br><br>
			<img src="imgs/erweima.png" style="width: 90px;height: 90px;" >
			<p>立即下载小米有品APP</p>
			
		</div>
		<div id="guanzhu">
			<img src="imgs/erweima.png" style="width: 90px;height: 90px;" >
			<p>下载小米有品APP得新人好礼</p>
		</div>
</div>

<script src="js/cookieTools.js"></script>

<script type="text/javascript">
	// let lis = document.querySelector(".li5");
	// lis.onclick = function(){
	// 	let a = scrollY;
	// 	   let timer = setInterval(function(){
	// 		   if(a>0){
	// 			   a-=100;
	// 			   scrollTo(0,a);
	// 			   return;
	// 		   }
	// 		   clearInterval(timer);
	// 	   },10)
	// }
	// $("li1").mouseover(function(){
	// 	$
	// })
	$(".li5").click(function(){
		$("html,body").animate({
			scrollTop:0
		},500)
	})
	$(".li1").mouseover(function(){
		$("#kefu").css({
			display:"block",
			
		})
	})
	$(".li1").mouseout(function(){
		$("#kefu").css({
			display:"none"
		})
	})
	$(".li2").mouseover(function(){
		$("#appDownload").css({
			display:"block"
		})
	})
	$(".li2").mouseout(function(){
		$("#appDownload").css({
			display:"none"
		})
	})
	$(".li3").mouseover(function(){
		$("#newpersen").css({
			display:"block"
		})
	})
	$(".li3").mouseout(function(){
		$("#newpersen").css({
			display:"none"
		})
	})
	$(".li4").mouseover(function(){
		$("#guanzhu").css({
		
			display:"block"
		})
	})
	$(".li4").mouseout(function(){
		$("#guanzhu").css({
			display:"none"
		})
	})
	
</script>